@charset "euc-jp";

/*
*************************************************

* site name   : RAKUTEN ID SERVICE　
* description :
* since       : 2010.6.6
* editor      : motegi
* modified    : 2010.6.10
* editor      : motegi
* modified    : 2010.11.29
* editor      : tanjo

*************************************************
*/

/* setting */
body {
    font-family:Helvetica;
    font-size:16px;
    line-height:1.4;
}
h1,h2,h3,h4,form,fieldset,optgroup,label,legend,input {
    margin:0;
    padding:0;
    font-size:100%;
    border:none;
}
select {
    margin:0;
    font-size:100%;
}
div#header {
    margin-bottom:5px;
}

/* h */
h1 {
    margin:2px 2px 10px 4px;
    padding:5px 5px 3px;
    border-left:5px double #BF0000;
    font-size:20px;
}
h1#member {
    margin:2px 2px 10px;
}
h1 span {
    font-size:14px;
    color:#FF6600;
    vertical-align:bottom;
}
h3 {
    margin:2px;
    padding:4px 3px 3px;
    border-left:3px solid #BF0000;
}

/* div.h3Box */
div.h3Box {
    overflow:hidden;
    margin:20px 2px 2px;
    padding:2px 7px 2px 2px;
    border:1px solid #CCCCCC;
}
div.h3Box.first {
    margin-top:0;
}
div.h3Box h3 {
    float:left;
    margin:0;  /* overwrite */
}
div.h3Box p.trigger {
    float:right;
    padding:4px 0 4px 18px;
    background:url(../../../img/id/sf/icon_question.png) no-repeat 0 50%;
    font-size:14px;
    text-decoration:underline;
}

/* div.h4Box */
div.h4Box {
    overflow:hidden;
    margin:2px 2px 5px;
    padding:5px 7px;
    background:#EEEEEE;
    font-size:14px;
}
div.h4Box h4 {
    float:left;
    padding-left:17px;
    background:url(/static/com/img/id/icon_circle.gif) no-repeat 0 2px;
}
div.h4Box h4 em {
    font-style:normal;
    color:#BF0000;
}
div.h4Box p.trigger {
    float:right;
    padding-left:18px;
    background:url(../../../img/id/sf/icon_question.png) no-repeat 0 50%;
    text-decoration:underline;
}
div.h4Box h4.txtIcon {
    padding-left:1.3em;  /* overwrite */
    text-indent:-1.3em;
    background:none;  /* overwrite */
}
div.h4Box h4.txtIcon span {
    padding-right:0.3em;
    color:#BF0000;
}

/* div.helpBox */
div.helpBox {
    padding:10px;
    font-size:14px;
}
div.helpBox p.trigger {
    display:inline;
    padding-left:18px;
    background:url(../../../img/id/sf/icon_question.png) no-repeat 0 50%;
    text-decoration:underline;
}
div.helpBox span {
    font-weight:bold;
    color:#BF0000;
}
div.helpBox div.alert {
    margin:5px 0;
    border:1px solid #BF0000;
    padding:3px 5px 3px 22px;
    background:#FFFFCC url(../../../img/id/sf/icon_alert.png) no-repeat 5px 6px;
}


/* common */
a:active {
    background:#E5E5E5;
}
.center {
    text-align:center;
}
.txtInfo {
    padding:25px 5px;
    text-align:center;
    font-weight:bold;
}
.txtInfo span {
    font-weight:normal;
    font-size:14px;
    color:#BF0000;
}
.txtInfo span.subText {
    font-weight:normal;
    font-size:14px;
    color:#000000;
}
.txtInfo span.subText em {
    font-weight:bold;
    font-style:normal;
    color:#BF0000;
}
.add {
    font-size:14px;
}
.note {
    margin:0 10px 5px;
    font-size:14px;
}
.note span {
    color:#FF6600;
}
.note span.sub {
    color:#888888;
}
.note em {
    font-weight:bold;
    font-style:normal;
    color:#BF0000;
}
.note em.sub {
    font-weight:normal;
}
.note2 {
    margin:10px;
    font-size:14px;
}
.note2 span {
    font-weight:bold;
    font-style:normal;
    color:#BF0000;
}
.note3 {
    padding:10px;
    font-size:14px;
}
.note4 {
    padding:10px;
    font-size:14px;
    text-align:left;
}
.note4 span {
    color:#FF6600;
}
.confirmBox {
    margin:10px 0;
    padding:10px;
    text-align:center;
    font-weight:bold;
    background:#FFFFCC;
}
.wordBreak {
    word-break:break-all;
}

/* contents */
div#contents {
    clear:both;
    margin-bottom:10px;
    padding:5px;
    background:#EEEEEE;
}

/* switch */
dl#switch {
    margin:0 0 5px;
    float:right;
    font-size:14px;
    overflow:hidden;
}
dl#switch dt,
dl#switch dd {
    float:left;
}
dl#switch dt {
    padding:4px 5px;
}
dl#switch dd a,
dl#switch dd span {
    display:block;
    padding:3px 5px;
    border:1px solid #CCCCCC;
}
dl#switch dd.jp a,
dl#switch dd.jp span {
    border-right:none;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
}
dl#switch dd.en a,
dl#switch dd.en span {
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
dl#switch dd span {
    background:#EEEEEE;
    font-weight:bold;
    text-decoration:none;
}

div.lang {
    margin-bottom:5px;
    padding:0 5px;
    text-align:right;
    font-weight:bold;
}

/* section */
div#section {
    background:#FFFFFF;
    border:1px solid #CCCCCC;
}
div#section span {
    font-weight:normal;
}

/* formSection */
div#formSection {
    overflow:hidden;
    padding-bottom:5px;
    background:#FFFFFF;
}

/* txtSection */
div.txtSection {
    margin-bottom:10px;
    background:#FFFFFF;
}

/* ul.blockForm */
ul.blockForm {
    padding:0 10px;
    font-weight:normal;
}
ul.blockForm.last {
    padding-bottom:10px;
}
ul.blockForm li {
    margin-bottom:8px;
    border:1px solid #AAAAAA;
    -webkit-border-radius:5px;
    -webkit-box-shadow:1px 1px 2px #D4D4D4;
}
ul.blockForm li input {
    padding:8px 1%;
    width:98%;
    background:#FFFFFF;
    border:none;
    -webkit-border-radius:5px;
}

/* add miyashita */
ul.blockForm li.error input {
    padding:8px 1%;
    width:98%;
    background:#ffecf3;
    border:none;
    -webkit-border-radius:5px;
}

div.blockForm {
    padding:0 10px;
    text-align:center;
    font-weight:normal;
}
div.blockForm.last {
    padding-bottom:10px;
}
div.blockForm input {
    width:98%;
    padding:8px 1%;
    margin-bottom:8px;
    border:1px solid #AAAAAA;
    -webkit-border-radius:5px;
    -webkit-box-shadow:1px 1px 2px #D4D4D4;
}

/* p.check(form) */
p.check {
    margin-bottom:8px;
    font-size:14px;
    text-align:center;
}
p.check input {
    border:1px solid #AAAAAA;
}


/* div.nameForm */
div.nameForm input,
div.numberForm input,
div.radioForm input.otherTxt,
div.cardForm input {
    padding:8px 1px;
    margin-bottom:8px;
    border:1px solid #AAAAAA;
    -webkit-border-radius:5px;
    -webkit-box-shadow:1px 1px 2px #D4D4D4;
}
div.nameForm input {
    width:100px;
}
div.numberForm input {
    width:70px;
}
div.cardForm input {
    width:55px;
}
div.nameForm label {
    margin:0 3px 0 10px;
}
/* div.dayForm */
div.dayForm,
div.numberForm,
div.numberForm2,
div.cardForm {
    margin-left:10px;
}
select {
    margin:0 3px 8px;
}
div.dayForm select {
    width:55px;
}
div.dayForm select {
    width:58px;
    margin:0 3px 8px;
}
div.dayForm select.year {
    width:77px;
}

/* div.radioForm */
div.radioForm input {
    margin:0 5px 10px 10px;
    border:1px solid #AAAAAA;
}
div.radioForm input.error {
    border:2px solid #FF0000;
}
div.radioForm label {
    margin-right:20px;
}
div.radioForm label.next {
    margin-right:0;
}

/* div.checkForm */
div.checkForm.last {
    padding-bottom:10px;
}
div.checkForm input {
    margin:0 5px 10px 10px;
    border:1px solid #AAAAAA;
}
div.checkForm label {
    margin-right:20px;
}
dl.checkList {
    margin-bottom:10px;
}
dl.checkList dd {
    margin:0 10px 0 25px;
    padding:5px;
    font-size:14px;
    background:#FFFFCC;
}

/* error */
p.errorBox,
dl.errorBox{
    background:#FFFFCC;
    color:#FF0000;
}
p.errorBox {
    margin:0 5px 5px;
    padding:8px;
}
dl.errorBox {
    margin:0 0 10px;
    padding:0;
}
dl.errorBox dt{
    padding:3px 5px;
    background:#FF0000;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
}
dl.errorBox dd {
    padding:2px 5px 2px 1em;
    font-size:14px;
    text-indent:-1em;
}
dl.errorBox dd:before {
    margin-left:5px;
    content:"・";
}

/* add miyashita */
form ul li.error {
    border:2px solid #FF0000;
    background-color: #ffecf3;
}

form ul li.error label {
    color:#FF0000;
}
form input.error,
form select.error {
    border:2px solid #FF0000;
    background-color: #FFECF3;
}
form div.blockForm input.error {
    width:96%;
}

/* popup */
a.popup {
    padding-left:18px;
    background:url(../../../img/id/sf/icon_question.png) no-repeat 0 0.3em;
    font-size:14px;
}

/* buttons */
.buttons,
.buttons2 {
    margin:8px 0 10px;
    text-align:center;
}
.buttons3,
.buttons4,
.buttons5 {
    margin-bottom:10px;
    text-align:center;
}
.buttons6,
.buttons7,
.buttons10,
.buttons11 {
    float:right;
    margin:1px 0 1px 8px;
    text-align:center;
}
.buttons3 {
    display:inline;
}
.buttons button,
.buttons input,
.buttons a,
.buttons2 button,
.buttons2 input,
.buttons2 a,
.buttons3 button,
.buttons3 a,
.buttons4 button,
.buttons4 a,
.buttons5 button,
.buttons6 button,
.buttons6 a,
.buttons7 button,
.buttons7 a,
.buttons10 button,
.buttons10 a,
.buttons11 button,
.buttons11 a {
    display:block;
    width:272px;
    margin:0 auto;
    padding:5px 0;
    cursor:pointer;
    font-weight:bold;
    font-size:20px;
    -webkit-border-radius:7px;
    -webkit-box-shadow:2px 2px 1px #D4D4D4;
    text-decoration:none;
    white-space:normal;
}
.buttons button,
.buttons input,
.buttons a,
.buttons6 button,
.buttons6 a,
.buttons10 button,
.buttons10 a {
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E36B6A), to(#BF0000), color-stop(.3,#BF0000));
    border:1px solid #BF0000;
    text-shadow:2px 1px 2px #BF0000;
    color:#FFFFFF;
}
.buttons2 button,
.buttons2 input,
.buttons2 a,
.buttons3 a,
.buttons3 button,
.buttons4 button,
.buttons4 a,
.buttons5 button,
.buttons7 button,
.buttons7 a,
.buttons11 button,
.buttons11 a {
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E4E4E4));
    border:1px solid #C0C2BD;
    text-shadow: 2px 1px 2px #FFFFFF;
    color:#BF0000;
    font-size:18px;
    white-space:normal;
}
.buttons3 button,
.buttons3 a {
    display:inline;
    margin-left:5px;
    padding:8px 5px;
    width:7em;
    font-size:16px;
}
.buttons4 button,
.buttons4 a,
.buttons6 button,
.buttons6 a,
.buttons7 button,
.buttons7 a,
.buttons7 button,
.buttons7 a,
.buttons11 button,
.buttons11 a {
    float:right;
    width:7em;
    font-size:14px;
    white-space:normal;
}
.buttons5 button {
    float:right;
    width:15em;
    font-size:14px;
}
.buttons10 button,
.buttons10 a
{
    float:right;
    width:10em;
    font-size:14px;
    white-space:normal;
}
.buttons11 button,
.buttons11 a
{
    float:right;
    width:10em;
    font-size:14px;
    white-space:normal;
}
ul#choose {
    padding:10px 5px 0;
    overflow:hidden;
}
ul#choose li.buttons {
    float:right;
}
ul#choose li.buttons button {
    width:190px;
}
ul#choose li.buttons2 {
    float:left;
}
ul#choose li.buttons2 a {
    width:60px;
}
div.h3Box .buttons6 button,
div.h3Box .buttons6 a,
div.h3Box .buttons7 button,
div.h3Box .buttons7 a,
div.h4Box .buttons6 button,
div.h4Box .buttons6 a,
div.h4Box .buttons7 button,
div.h4Box .buttons7 a,
div.h4Box .buttons10 button,
div.h4Box .buttons10 a,
div.h4Box .buttons11 button,
div.h4Box .buttons11 a {
    padding-top:2px;  /* overwrite */
    padding-bottom:3px;  /* overwrite */
}
/* .subButton */
.subButton button,
.subButton input,
.subButton a {
    display:inline-block;
    width:auto;
    padding-left:12px;
    padding-right:10px;
}
/* ul.moveNavi */
ul.moveNavi {
    margin-top:10px;
    padding:0 5px;
    overflow:hidden;
}
ul.moveNavi li.first {
    float:left;
}
ul.moveNavi li.last {
    float:right;
}
ul.moveNavi li.center {
    float:center;
}

/* linkMenu, blankMenu */
ul.linkMenu li {
    border-bottom:1px dashed #CCCCCC;
}
p.blankMenu {
    border:1px solid #CCCCCC;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC), color-stop(.7,#CCCCCC));
}
ul.linkMenu li a,
p.blankMenu a {
    display:block;
    padding:8px 30px 8px 8px;
    color:#000000;
    background:url(/static/com/img/id/chevron.png) no-repeat 100% 50%;
    text-decoration:none;
}
ul.linkMenu li a span {
    display:block;
    font-size:13px;
}

/* ul.listMenu */
ul.listMenu {
    border:1px solid #CCCCCC;
    border-bottom:none;
}
ul.listMenu li {
    overflow:hidden;
    padding:5px 10px;
    border-bottom:1px solid #CCCCCC;
}
ul.listMenu p.menu {
    float:left;
    margin-top:1px;
    padding:6px 0;
    font-weight:bold;
}
ul.listMenu p.trigger {
    padding-right:18px;
    background:url(../../../img/id/sf/icon_question.png) no-repeat 100% 50%;
}
ul.listMenu p.subText {
    clear:both;
    text-align:right;
    font-size:14px;
}

/* buttonMenu */
.buttonMenu {
    text-align:center;
}
.buttonMenu .menu {
    display:inline;
    font-size:16px;
    font-weight:bold;
    color:#660000;
}
.buttonMenu .subButton {
    display:inline-block;
}


/* about */
dl#about {
    margin:10px 0;
}
dl#about dt {
    padding:5px 5px 3px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC), color-stop(.7,#CCCCCC));
    font-weight:bold;
    text-shadow:1px 1px 1px #FFFFFF;
    border:1px solid #CCCCCC;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}
dl#about dd {
    padding:5px;
    font-size:14px;
    border:1px solid #CCCCCC;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
dl#about dd.noteList ul {
    padding-left:1.5em;
    list-style:disc outside;
}
dl#about dd.noteList>ul>li {
    margin-bottom:7px;
}
dl#about dd.noteList ol {
    padding-left:1.5em;
    list-style:decimal outside;
}

/* step */
ol#step {
    width:280px;
    margin:0 auto 15px;
    overflow:hidden;
}
div#stepNavi {
    margin-bottom:15px;
    text-align:center;
}
div#stepNavi ol {
    display:inline-block;
    overflow:hidden;
}
ol#step li,
div#stepNavi li {
    float:left;
    width:5em;
    margin-left:5px;
    padding-right:10px;
    background:url(../../../img/id/sf/icon_arrow.gif) no-repeat 100% 50%;
    -webkit-border-radius:5px;
}
div#stepNavi li {
    width:auto;  /* overwrite */
}
ol#step li:first-child,
div#stepNavi li:first-child {
    margin-left:0;
}
ol#step li:last-child,
div#stepNavi li:last-child {
    background:none;
    padding-right:0;
}
ol#step li span,
div#stepNavi li span {
    display:block;
    padding:5px;
    background:#BF0000;
    -webkit-border-radius:5px;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
}
div#stepNavi li span {
    padding:5px 10px;  /* overwrite */
}
ol#step li.current span,
div#stepNavi li.current span {
    padding:3px 5px;
    background:#FFFFFF;
    border:2px solid #BF0000;
    color:#BF0000;
}
div#stepNavi li.current span {
    padding:3px 10px;  /* overwrite */
}

/* tab */
h2.tab {
    padding:7px 5px 4px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#999999));
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    color:#FFFFFF;
}
p.tabSub {
    padding:3px 3px 1px;
    background:#FFFFFF;
    text-align:right;
    font-size:14px;
}
div.formBox {
    margin:20px 2px 2px;
    border:1px solid #CCCCCC;
}
div.formBox.first {
    margin-top:0;
}

/* div.acco */
div.acco {
    clear:both;
    display:none;
    overflow:hidden;
    font-size:14px;
    background:#FFFFCC;
    -webkit-border-radius:5px;
}
div.acco p {
    margin:5px;
}
div.acco p.closeBtn.btn {
    float:right;
}
div.acco p.txt {
    margin:0;
    padding:2px;
    border:1px solid #EEEEEE;
    text-align:center;
    color:#666666;
    background:#FFFFFF;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
div.acco p.txt img,
div.acco p.txt span {
    padding:0 2px;
    vertical-align:middle;
}
div.acco div.help{
    padding:5px;
}
div.acco div.help p,
div.acco div.help ul,
div.acco div.help dl,
div.acco div.help div {
    margin:5px 5px 7px;  /* overwrite */
}
div.acco div.help li {
    padding-left:0.7em;
    text-indent:-0.7em;
}
div.acco div.help p.ttl {
    color:#BF0000;
    font-weight:bold;
}
div.acco div.help dt {
    margin-top:5px;
    padding-left:10px;
    font-weight:bold;
    background:url(../../../img/id/sf/icon_disc.gif) no-repeat 0 0.4em;
}
div.acco div.help span {
    color:#BF0000;
}

/* rule */
div#rule {
    padding:5px;
    background:#FFFFFF;
    font-size:14px;
}
div#rule dl {
    margin-top:10px;
}
div#rule dl dt {
    font-weight:bold;
}
div#rule dl dd {
    margin-top:5px;
}
div#rule h2 {
    margin-top:10px;
    padding:3px 3px 2px;
    border-left:3px solid #BF0000;
}

/* branchSection */
div.branchSection {
    margin:5px 3px 10px;
    padding:0 3px 3px;
    border-top:3px solid #FFAAAA;
    border-left:1px solid #FFCCCC;
    border-right:1px solid #FFCCCC;
    border-bottom:1px solid #FFCCCC;
    background:#FFEEEE;
}
div.branchSectionTitle {
    margin:0 2px;
    padding:3px;
    background:#FFEEEE;
    overflow:hidden;
}
div.branchSectionTitle p.title {
    float:left;
    padding:5px 0;
    font-weight:bold;
}
div.branchSectionTitle p.title span.sub {
    font-size:14px;
}
div.branchSectionContents {
    overflow:hidden;
    border:1px solid #CCCCCC;
    background:#FFFFFF;
}
div.branchSection p.subText {
    margin-bottom:5px;
    padding:0 4px;
    font-size:14px;
}

/* changeBox */
div.changeBox {
    margin:0 2px;
    padding:3px;
    background:#FFEEEE;
    overflow:hidden;
}
div.changeBox p.radioBox {
    float:left;
    padding:5px 0 5px 1em;
    text-indent:-1em;
    font-weight:bold;
}
div.changeBox p.radioBox label span.sub {
    font-size:14px;
}
div.changeBox p.radioBox input {
    border:1px solid #CCCCCC;
}

/* table */
table.detail{
    margin:0 2px 2px;
    width:99%;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}
table.detail th,
table.detail td{
    padding:3px 5px;
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    word-break:break-all;
    font-size:14px;
}
table.detail th {
    width:7.5em;
    background:#EEEEEE;
    text-align:center;
    font-weight:bold;
}

.checkBox2{
    font-size:14px;
    font-weight: bold;
    margin-top:5px;
    background:#FFFFFF;
    padding:1px;
}
.checkBox2 span{
    font-size:14px;
    font-weight: normal;
}

/* div.authImage */
div.authImage {
    margin:5px 0;
    text-align:center;
}
div.authImage img {
    vertical-align:bottom;
}

